<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博文尚美</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="app">
        <div class="header">
            <div class="container">
                <div class="box">
                    <img src="./imgs/logo.png" alt="">
                    <ul>
                        <a href=""><li>HOME </li></a>
                        <a href=""> <li>ABOUT</li></a>
                            <a href=""> <li>PROTFOLIO</li></a>
                                <a href=""> <li>SERVICE</li></a>
                                    <a href=""> <li>NEWS</li></a>
                                        <a href="">  <li>CONTACT</li></a>
                    </ul>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="container">
                <img src="./imgs/banner.png" alt="">
            </div>
        </div>
        <div class="server">
            <div class="container">
                <div class="box">
                    <div class="top">
                        <div>服务范围</div>
                        <div>OUR SERVICES</div>
                    </div>
                    <ul>
                        <li>
                            <img src="./imgs/icon.png" alt="">
                            <div class="first">1.WEB DESIGN</div>
                            <div class="second">企业品牌网站设计/手机网站制作</div>
                            <div class="three">动画网站创意设计</div>
                        </li>
                        <li>
                            <img src="./imgs/icon.png" alt="">
                            <div class="first">2.GRAPHIC DESIGN</div>
                            <div class="second">标志LOGO设计产品/产品宣传册设计</div>
                            <div class="three">企业广告/海报设计</div>
                        </li>
                        <li>
                            <img src="./imgs/icon.png" alt="">
                            <div class="first">3.E-BUSINESS PALN</div>
                            <div class="second">淘宝/天猫装修设计及运营推广</div>
                            <div class="three">企业微博、微信营销</div>
                        </li>
                        <li>
                            <img src="./imgs/icon.png" alt="">
                            <div class="first">4.MAILBOXAGENT</div>
                            <div class="second">腾讯/网易企业邮箱品牌代理</div>
                            <div class="three">个性化邮箱定制开发</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="example">
            <div class="container">
                <div class="box">
                    <div class="top">
                        <div>{ 客户案例 } </div>
                        <div>With the best professional technology, to design the best innovative web site</div>
                    </div>
                    <ul>
                        <li><img src="./imgs/exmple.png" alt=""></li>
                        <li><img src="./imgs/photos2.jpg" alt=""></li>
                        <li><img src="./imgs/phonos3.jpg" alt=""></li>
                    </ul>
                    <div class="bottom">
                        <div class="bnt">
                            <div>VIEW MORE</div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="news">
            <div class="container">
                <div class="box">
                    <div class="top">
                        <div>最新资讯</div>
                        <div>TEH LATEST NEWS</div>
                    </div>
                    <div class="main clearfix">
                        <div class="left">
                            <img src="./imgs/news.png" alt="">
                        </div>
                        <div class="right">
                            <ul>
                                <li class="clearfix">
                                    <div class="li_left">
                                        <div class="first">09</div>
                                        <div>Jan</div>
                                    </div>
                                    <div class="li_right">
                                        <div>网站排名进入前三的技巧说明</div>
                                        <div>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                                            </div>
                                        <div>首页，更不用说进首页前三了。那么网站优...</div>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="li_left">
                                        <div class="first">08</div>
                                        <div>Jan</div>
                                    </div>
                                    <div class="li_right">
                                        <div>flash网站制作的优缺点</div>
                                        <div>虽然html5程序语言出现，大有逐渐代替flash网站制作的意味，
                                            </div>
                                        <div>但是过于生硬的额html5动画效果，始终...</div>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="li_left">
                                        <div class="first">07</div>
                                        <div>Jan</div>
                                    </div>
                                    <div class="li_right">
                                        <div>做个网站多少钱？</div>
                                        <div>“做个网站多少钱？”很多客户打电话过来直接第一句就抛
                                            </div>
                                        <div>出来的问题，就好比如你买辆车多少钱，你是要...</div>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="li_left">
                                        <div class="first">06</div>
                                        <div>Jan</div>
                                    </div>
                                    <div class="li_right">
                                        <div>哪些网站优化手法属于网站过度优化</div>
                                        <div>大部分人都想让自己的网站，一夜之间出现在搜索引擎首页
                                            </div>
                                        <div>独占鳌头。但是事实告诉我们罗马不是...</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="container clearfix">
                <div class="left">
                    <div>Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved</div>
                </div>
                <div class="right">
                    <ul>
                        <li>HOME</li>
                        <li>ABOUT</li>
                        <li>HOME</li>
                        <li class="last">ABOUT</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>

</html>